<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
	<style type="text/css">
		div{
			margin-top: 20px;
			margin-left: 20px;
		}
		a{
			text-decoration: none;
			color: black;
		}
		a:hover{
			color: #3c8dbc;
		}
		a:visited{
			color:#ff00dd;
		}
	</style>

</head>
<body>
	<h1>${message}</h1>

	<div>
		<a href="javascript:void(0);" id="xmenu"> 多选下拉框实例（配合jquery-1.7）</a>
		<%--<input type="button" id="xmenu" value="多选下拉框"/>--%>
	</div>
	<div>
		<a href="javascript:void(0);" id="map"> 百度定位实例</a>
		<%--<input type="button" id="map" value="定位"/>--%>
	</div>

	<div>
		<a href="javascript:void(0);" id="modal"> 弹框</a>
		<%--<input type="button" id="map" value="定位"/>--%>
	</div>

	<div>
		<a href="javascript:void(0);" id="demo"> DEMO</a>
		<%--<input type="button" id="map" value="定位"/>--%>
	</div>

	<div>
		<a href="javascript:void(0);" id="show_location"> 百度显示位置</a>
		<%--<input type="button" id="xmenu" value="多选下拉框"/>--%>
	</div>

	<div>
		<a href="javascript:void(0);" id="baidu_map_api"> 百度地图api</a>
		<%--<input type="button" id="xmenu" value="多选下拉框"/>--%>
	</div>
</body>
<script type="text/javascript" src="/static/xmenu/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
    $(function(){
        $("#demo").click(
            function(){
                window.location.href="/demo/login";
            });
        $("#xmenu").click(
            function(){
                window.location.href="/xmenu";
			});

        $("#map").click(
            function(){
                window.location.href="/map";
            });

        $("#modal").click(
            function(){
                window.location.href="/modal";
            });
        $("#show_location").click(
            function(){
                window.location.href="/show_location";
            });

        $("#baidu_map_api").click(function(){

			window.location.href="/baidu_map_api";

		});
	})


	//待验证， 打印
    function preview1() {
        bdhtml=window.document.body.innerHTML;
        sprnstr="<!--startprint-->"; //开始打印的地方
        eprnstr="<!--endprint-->";  //结束打印标记
        prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
        prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
        window.document.body.innerHTML=prnhtml;
        window.print();
    }
</script>
</html>